<html>

<style>
	body {
		color: #161616;
		background-color: #f4f4f4;
	}

	.box {
		display: flex;
		flex-wrap: wrap;
	}

	img {
		max-width: 100%;
	}

	.box-inner-3>img,
	.box-inner-3-lg>img,
	.box-inner-2>img {
		width: 100%;
	}

	.box-inner {
		background-color: #ffffff;
		margin-right: 1rem;
		margin-bottom: 1rem;

		padding: 20px;
	}

	.box-inner-3-lg {
		flex: 0 0 calc(66.6666% - 1rem - 40px);
		max-width: 66.6666%;
	}

	.box-inner-3 {
		flex: 0 0 calc(33.3333% - 1rem - 40px);
		max-width: 33.3333%;
	}

	.box-inner-2 {
		flex: 0 0 calc(50% - 1rem - 40px);
		max-width: 50%;
	}

	#wrapper {
		margin-left: 100px;
		margin-right: 100px;
	}

	.page-header {
		font-size: 2.625rem;
		font-weight: 300;
		line-height: 1.199;
		letter-spacing: 0;
		margin-bottom: 3rem;
		overflow-wrap: break-word;
	}

	.section-title {
		font-size: 1.25rem;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0;
	}

	@media (max-width: 41.98rem) {

		.box-inner-3,
		.box-inner-3-lg,
		.box-inner-2 {
			flex: 1 1 100%;
			max-width: 100%;
		}

		.box-inner {
			margin-right: 0;
		}

		#wrapper {
			margin-left: 10px;
			margin-right: 10px;
		}
	}
</style>

<style>
	th {
		border-bottom: 1px solid #e0e0e0;
	}

	tr {
		height: 50px;
	}
</style>

<body>
	<div id="wrapper">
		<p class="page-header">BOINC tieba User List</p>
		<div class="box-inner">
			Usr Cnt: 2
			<br>
			<table style="width: 100%;">
				<tr>
					<th>No.</th>
					<th>Name</th>
					<th>Team</th>
					<th>Total Credit</th>
					<th>Recent Credit</th>
					<th>World Rank</th>
					<th>CPID</th>
				</tr>
				<tr align="center">
					<td>01</td>
					<td><a href="https://zhangtianli.gitee.io/boinc.html">zhangtianli</a></td>
					<td><a href="https://zhangtianli.gitee.io/boinc/ltt.html">LinusTechTips_Team</a></td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=blue&query=%24.aaData[0][2]&url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3De63e61b6b589baf0a5900dd79980ff95"></img></td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=green&query=%24.aaData%5B0%5D%5B6%5D&url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3De63e61b6b589baf0a5900dd79980ff95"></img></td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=yellow&amp;query=%24.aaData%5B0%5D%5B12%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3De63e61b6b589baf0a5900dd79980ff95"></img></td>
					<td><code>e63e61b6b589baf0a5900dd79980ff95</code></td>
				</tr>
				<tr align="center">
					<td>02</td>
					<td><a href="https://zhangtianli.gitee.io/boinc/wanjin.html">wanjin1234</a></td>
					<td><a href="https://zhangtianli.gitee.io/boinc/ltt.html">LinusTechTips_Team</a></td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=blue&query=%24.aaData[0][2]&url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16"></img></td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=green&query=%24.aaData%5B0%5D%5B6%5D&url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16"></img></td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=yellow&amp;query=%24.aaData%5B0%5D%5B12%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3Dbf2e940f3cb98bd44ea786ecc316ec16"></img></td>
					<td><code>bf2e940f3cb98bd44ea786ecc316ec16</code></td>
				</tr>
				<tr align="center">
					<td>03</td>
					<td><a href="https://zhangtianli.gitee.io/boinc/gaolezhe.html">Lezhe Gao</a></td>
					<td>Team China</td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=blue&query=%24.aaData[0][2]&url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987"></img></td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=green&query=%24.aaData%5B0%5D%5B6%5D&url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987"></img></td>
					<td><img src="https://img.shields.io/badge/dynamic/json?style=flat-square&label=&color=yellow&amp;query=%24.aaData%5B0%5D%5B12%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3D613361df3e17e9ebdce70b6c16c0b987"></img></td>
					<td><code>613361df3e17e9ebdce70b6c16c0b987</code></td>
				</tr>
			</table>
		</div>
	</div>
</body>

</html>